@charset "UTF-8";
		#logo{
				background:url(../images/22.png) no-repeat;
				display: block;
				width: 181px;
				height: 94px;			
				background-size: auto 54px;
				transition: all 0.7s;												
			}
		#my-menu ul li{
			font-size: 18px;
			padding-left: 30px;
		}
		#my-menu ul li a{
			text-align: center;
			width: 70px;
			height: 50px;
		}
		#my-menu ul li:after{
			content: "";
			position: absolute;
			background:red;
			width: 40px;
			height: 2px;
			left: 45px;
			opacity: 0;
		}
		#my-menu ul li:hover:after{
			transform: translateY(-5px);
			opacity: 1;
			transition: all 0.7s;
		}
		#my-menu .navbar-nav{
			transition: all 0.7s;
		}
		#my-menu ul li a:hover{
			color: red;
		}
		@media (min-width: 323px) and (max-width: 786px) {
			#logo{
			background:url(../images/22.png) no-repeat;
			display: block;
			width: 181px;
			height: 44px;			
			background-size: auto 35px;
			text-align: center;
			margin-top: 10px;
			margin-left: 50px;													
		}
		

		}
		.wrapper .page1 .custom ul li img{
			width: 410px;
			height: 266px;
		}
		
		header.headerStyle #logo{
			display: block;
			width: 181px;
			height: 39px;
			background: url(../images/22.png) no-repeat;
			background-size:  auto 39px;
			margin-left: -80px;
			transition: all 0.7s;
		}								
		header.headerStyle .navbar-nav{
			margin-right: -90px;
			transition: all 0.7s;
		}
		header.headerStyle #my-menu ul li:after{
			width: 40px;
			height: 2px;
			display: block;
			position: absolute;
			content: "";						
			bottom: -14px;
		}
		header.headerStyle #my-menu ul li:hover:after{					
			background: red;
		}
		header.headerStyle #my-menu ul li:hover{
			color: red;
		}
			
		footer .container-fluid{
			width: 100%;
			height: 100px;

			background: #323538;
		}
		footer #zhong4 ul{
			margin-top: 40px;
		}
		footer #zhong4 ul a{
			text-decoration: none;
			color: #858585;
		}
		footer #zhong4 ul a:hover{
			color: #666;
		}
		.page2{
		width: 100%;
		height: 100px;
		margin-top: 124px;
		}
		.page2 ul{
		padding-left: 110px;
		}
		.page2 ul li{
		margin-left: 80px;
		}
		.page2 ul li.a1111{
		border-bottom: 1px solid red;
		background: #eeeeee;
		/*transition: all 0.7s;*/
		}
		.page2 ul li a:focus{
		outline: 0;
		}
		.page2 ul li a{
		text-align: center;
		}
		.page2 ul li a span{
		padding-left: 13px;
		font-size: 20px;
		color: #000;
		}
		#page6 img{
		margin-left: -25px;
		}
@media  (max-width: 767px) and (min-width: 425px) {
		.row {
			margin-right: -5px;
		}
		.page2 .row .navbar-nav{
			margin-right:-10px;
		}
		.page2 ul{
		margin-left: -269px;

		}
		.page2 ul li a img{
		margin-left: -100px;
		}
		.page2 ul li a span{
		padding-left: 180px;
		}
		footer {			
		width: 100%;
		height: 170px;
		background:#333;			
		}
		#page6 img{
		margin-left: -15px;
		}
		}
